@charset "utf-8";
*{ margin: 0; padding: 0;}
.clearfix{ zoom: 1;}
.clearfix:after{ content: ""; clear: both; display: block;}
li{ list-style: none;}
a{ text-decoration: none;}

#header { widows: 100%; background: #3A3E41; height: 40px;}
#header .top{ width: 1000px ; margin: 0 auto; color: #fff; font-size: 14px;}
#header .top p{ line-height: 40px; display: inline-block;}
#header .top .tel{ display: inline-block;  float: right; line-height: 40px;}
#header .top .tel img{ vertical-align: -2px; margin-right: 8px;}
#header .top-2{ width: 1000px ;  height:80px;margin: 0 auto; font-size: 14px;
                   text-align:center;}
#header .top-2 img{ float: left; margin-top: 10px; }
#header .top-2 ul{ float: right;}
#header .top-2 li{ float: left; width: 100px; height: 80px;  box-sizing: border-box;
                    padding: 20px 0;border-right: #999 solid 1px;}
#header .top-2 li p{ line-height: 1.5;}
#header .top-2 li a{ color: #666; display: block; }
#header .top-2 li:hover{  background: url(../img/jrrr.png) no-repeat;}
#header .top-2 a:hover{ color: #fff;}
.banner { width: 100%; height: 500px;
         background: url(../img/banner.jpg) no-repeat left;
         background-size: 100% 100%;}
.banner:hover{ background: url(../img/banner1.jpg) no-repeat left ; 
                background-size: 100% 100%;   
               width: 100%; height: 500px;
                transition: all 2s linear;
                -webkit-transition: all 2s linear;                                                                                                                                
                  }
.banner-2 { text-align: center; margin: 40px 0;}
.serve { width: 1000px;  margin:  0 auto;} 
.serve .block-1{width: 480px; height: 213px; background: #11A5E5;
                 text-align: center; color:#fff; border-radius:5px; 
                line-height: 1.5; float:left; margin:0 40px 40px 0;} 

.serve  .serve-top-img1{ width:118px; height:118px; margin:0 auto;
   padding-top:20px; position:relative; overflow:hidden }
.serve .block-1 .serve-top-img2{ position: absolute;top:55px; left: 127px;transition: all 0.2s linear;}
.serve .block-1 .serve-top-img22 { position: absolute;	top: 55px;left: 47px;transition: all 0.2s linear;}
.serve .block-1 .serve-top-img1:hover .serve-top-img2
{ left:45px;transition: all 0.2s linear;}
.serve .block-1 .serve-top-img1:hover .serve-top-img22
{ left:-35px;transition: all 0.2s linear;}
.serve .block-2{width: 480px; height: 213px; background: #FF4057;
                 text-align:center; line-height:1.5; color:#fff;  float:left;
				  border-radius:5px;margin-bottom:40px;} 


.serve .block-2 .serve-top-img2{ position: absolute;top:55px; left: 127px;transition: all 0.2s linear;}
.serve .block-2 .serve-top-img22 { position: absolute;	top: 55px;left: 40px;transition: all 0.2s linear;}
.serve .block-2 .serve-top-img1:hover .serve-top-img2
{ left:38px;transition: all 0.2s linear;}
.serve .block-2 .serve-top-img1:hover .serve-top-img22
{ left:-42px;transition: all 0.2s linear;}

.serve .block-3{width: 480px; height: 213px; background: #FF9E40; float:left;
 margin:0 40px 40px 0;border-radius:5px; text-align:center;line-height:1.5;
 color:#fff; } 
.serve .block-3 .serve-top-img2{ position:absolute;
                                  top:58px;
								  left:127px;
                                  transition:all 0.2s linear;  }


.serve .block-3 .serve-top-img22 { position: absolute;
                                	top: 58px;
									left: 40px;
									transition: all 0.2s linear;}
.serve .block-3 .serve-top-img1:hover .serve-top-img2{
	 left:40px;
	 transition:all 0.2s linear;}
	
.serve .block-3 .serve-top-img1:hover .serve-top-img22{
	left:-47px;
	 transition:all 0.2s linear;}
.serve .block-4{width: 480px;
                 height: 213px;
				 background: #069A65; 
				float:left;
                border-radius:5px;
				margin-bottom:40px;
				text-align:center;
				color:#fff;
				line-height:1.5;
				
 } 
.serve .block-4 .serve-top-img2{ position:absolute;
                                 top:58px;
								 left:35px;
								  transition:all 0.2s linear;}
.serve .block-4 .serve-top-img22{ position:absolute;
                                 top:58px;
								 left:135px;
								  transition:all 0.2s linear;}
.serve .block-4 .serve-top-img1:hover .serve-top-img2{
	left:-58px; 
	 transition:all 0.2s linear;
	
}
.serve .block-4 .serve-top-img1:hover .serve-top-img22{
	left:35px;
	transition:all 0.2s linear}
.classic{ width: 100%;height: 829px; background: #F2F2F2;}	
.classic .classic-img{ width: 1000px; margin: 0 auto;  padding: 50px 0;}
.classic .picture{ width: 1000px; margin: 0 auto; }

.classic .picture img{ 
	 border: 8px #FFFFFF solid ; border-radius: 10px;
       margin-bottom: 50px;   float: left;  
       box-shadow: 2px 2px 10px #a7a7a7;         }
.classic .picture .two{ margin: 0 26px;}
.classic .bottom{ text-align: center;}
.service { width: 1000px; margin: 0 auto;}
.service .title { margin: 80px 0 30px 0;}
.service figure{ width: 246px; height: 322px; border: solid  #999999 1px;
                  float: left; text-align: center;  }
.service figure img{ margin:30px 0 0 50px ;}
